﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link href="css/plugins/jsTree/style.min.css" rel="stylesheet">
    <!-- Sweet Alert -->
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">
    <!-- custom -->
    <link href="css/add-style.css" rel="stylesheet">
</head>

<body class="gray-bg">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="tabs-container">
                    <ul class="nav nav-tabs" id="myTab">
                        <li class="active">
                            <a data-toggle="tab" href="#tab-1"><i class="fa fa-user"></i>房间信息列表</a>
                        </li>
                        <li class="">
                            <a data-toggle="tab" href="#tab-2"><i class="fa fa-user"></i>房间信息添加</a>
                        </li>
                    </ul>
                    <div class="panel-body no-top-border">
                        <div class="tab-content">
                            <div id="tab-1" class="tab-pane active">
                                <div class="ibox-content">
                                    <table class="table table-border0">
                                        <tbody>
                                            <tr>
                                                <td class="client-link text-right">搜索范围：</td>
                                                <td>
                                                    <div class="input-group">
                                                        <input type="text" placeholder="请选择..." class="input-sm form-control" style="width:300px;" value="1层">
                                                        <a data-toggle="modal" href="storage_in.html#modal-goodtypetree" class="btn btn-success btn-sm"><i class="fa fa-check-square-o"></i>&nbsp;选择 </a>
                                                    </div>
                                                </td>
                                                <td class="client-link text-right">房间号：</td>
                                                <td>
                                                    <input type="text" placeholder="可输入房间号" class="input form-control" style="width:300px;" />
                                                </td>

                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="form-group">
                                        <div class="row">
                                            <div>
                                                <div class="input-group form-group-sm pull-left" style="padding-left:20px;">

                                                    <span class="input-group-btn">
                                                        <button type="button" class="btn btn-success btn-sm"><i class="fa fa-search"></i>&nbsp;查询</button>
                                                        <a href="javascript:;" class="btn btn-success btn-sm demo4" style="margin-left: 10px;"><i class="fa fa-trash"></i>&nbsp;删除勾选 </a>
                                                        <!--<a data-toggle="modal" href="buildings.html#modal-create" class="btn btn-success btn-sm" style="margin-left: 10px;"><i class="fa fa-plus"></i>&nbsp;创建项目 </a>
                        <a data-toggle="modal" href="buildings.html#modal-import" class="btn btn-success btn-sm" style="margin-left: 10px;"><i class="fa fa-inr"></i>&nbsp;导入 </a>
                        <a href="attachment/地区公司项目资源导入模板.xlsx" class="btn btn-success btn-sm" style="margin-left: 10px;"><i class="fa fa-inr"></i>&nbsp;导出 </a>
                        <a data-toggle="modal" href="buildings.html#modal-remark" class="btn btn-danger btn-sm" style="margin-left: 10px;"><i class="fa fa-dollar"></i> &nbsp;功能说明 </a>-->
                                                    </span>

                                                </div>
                                            </div>

                                        </div>
                                    </div>
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr>
                                                <th class="bs-checkbox " style="width: 25px; " data-field="state" tabindex="0"><input name="btSelectAll" type="checkbox"></th>
                                                <th>序号</th>
                                                <th>房屋状态</th>
                                                <th>所属机构</th>
                                                <th>项目名称</th>
                                                <th>楼栋名称</th>
                                                <th>房屋楼层</th>
                                                <th>房屋号码</th>
                                                <th>房屋业态</th>
                                                <th>建筑面积</th>
                                                <th>使用面积</th>
                                                <th>是否商用</th>
                                                <th>管理费单价(元/㎡)</th>
                                                <th>操作</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="bs-checkbox"><input data-index="0" name="btSelectItem" type="checkbox"></td>
                                                <td>1</td>
                                                <td><span class="label label-primary">待出售</span></td>
                                                <td>华北区域 - 北京公司 - 富力湾服务中心</td>
                                                <td>富力湾</td>
                                                <td>A01</td>

                                                <td>3</td>
                                                <td>301</td>
                                                <td><span class="label label-success">住宅</span></td>
                                                <td>100</td>
                                                <td>90</td>
                                                <td>是</td>
                                                <td>2.00</td>
                                                <td>
                                                    <div class="btn-group">
                                                        <a  href="i_building_house_detail.html" class="text-info">详情</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <a href="#" class="text-warning btn-edit">修改</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <a href="javascript:;" class="text-danger demo4">删除</a>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="bs-checkbox"><input data-index="0" name="btSelectItem" type="checkbox"></td>
                                                <td>2</td>
                                                <td><span class="label label-danger">待承接</span></td>
                                                <td>华北区域 - 北京公司 - 富力湾服务中心</td>
                                                <td>富力湾</td>
                                                <td>A01</td>

                                                <td>3</td>
                                                <td>302</td>
                                                <td><span class="label label-success">住宅</span></td>
                                                <td>100</td>
                                                <td>90</td>
                                                <td>是</td>
                                                <td>2.00</td>
                                                <td>
                                                    <div class="btn-group">
                                                        <a href="i_building_house_detail.html" class="text-info">详情</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <a href="#" class="text-warning btn-edit">修改</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <a href="javascript:;" class="text-danger demo4">删除</a>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="bs-checkbox"><input data-index="0" name="btSelectItem" type="checkbox"></td>
                                                <td>3</td>
                                                <td><span class="label label-warning">待收楼</span></td>
                                                <td>华北区域 - 北京公司 - 富力湾服务中心</td>
                                                <td>富力湾</td>
                                                <td>A01</td>

                                                <td>3</td>
                                                <td>303</td>
                                                <td><span class="label label-danger">商铺</span></td>
                                                <td>100</td>
                                                <td>90</td>
                                                <td>是</td>
                                                <td>2.00</td>
                                                <td>
                                                    <div class="btn-group">
                                                        <a href="i_building_house_detail.html" class="text-info">详情</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <a href="#" class="text-warning btn-edit">修改</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <a href="javascript:;" class="text-danger demo4">删除</a>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="bs-checkbox"><input data-index="0" name="btSelectItem" type="checkbox"></td>
                                                <td>4</td>
                                                <td><span class="label label-inverse">已收楼</span></td>
                                                <td>华北区域 - 北京公司 - 富力湾服务中心</td>
                                                <td>富力湾</td>
                                                <td>A01</td>

                                                <td>3</td>
                                                <td>304</td>
                                                <td><span class="label label-success">住宅</span></td>
                                                <td>100</td>
                                                <td>90</td>
                                                <td>是</td>
                                                <td>2.00</td>
                                                <td>
                                                    <div class="btn-group">
                                                        <a href="i_building_house_detail.html" class="text-info">详情</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <a href="#" class="text-warning btn-edit">修改</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <a href="javascript:;" class="text-danger demo4">删除</a>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="bs-checkbox"><input data-index="0" name="btSelectItem" type="checkbox"></td>
                                                <td>5</td>
                                                <td><span class="label label-default">已入住</span></td>
                                                <td>华北区域 - 北京公司 - 富力湾服务中心</td>
                                                <td>富力湾</td>
                                                <td>A01</td>

                                                <td>3</td>
                                                <td>305</td>
                                                <td><span class="label label-success">住宅</span></td>
                                                <td>100</td>
                                                <td>90</td>
                                                <td>是</td>
                                                <td>2.00</td>
                                                <td>
                                                    <div class="btn-group">
                                                        <a href="i_building_house_detail.html" class="text-info">详情</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <a href="#" class="text-warning btn-edit">修改</a>&nbsp;&nbsp;&nbsp;&nbsp;
                                                        <a href="javascript:;" class="text-danger demo4">删除</a>
                                                    </div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <div class="text-right">
                                        <ul class="pagination">
                                            <li><a href="#">«</a></li>
                                            <li><a href="#">1</a></li>
                                            <li><a href="#">2</a></li>
                                            <li><a href="#">3</a></li>
                                            <li><a href="#">4</a></li>
                                            <li><a href="#">5</a></li>
                                            <li><a href="#">»</a></li>
                                            <li><a href="#">页数：1/10</a></li>
                                            <li><a href="#">总记录数：1000</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div id="tab-2" class="tab-pane">
                                <table class="table table-hover table-border0">
                                    <tbody>
                                        <tr>
                                            <td class="client-link" width="10%;">所在楼层*：</td>
                                            <td colspan="3">
                                                华北区域-北京-富力家园服务中心-富丽家园-楼栋1-1层
                                            </td>

                                        </tr>

                                        <tr>
                                            <td class="client-link">房屋号码*：</td>
                                            <td>
                                                <input type="text" class="form-control input-sm input-group" placeholder="只能输入一个房间号，一般为4位数字" value="">
                                            </td>
                                            <!--<td class="text-right client-link">是否商用*：</td>
                                            <td>
                                                <div class="rule-multi-radio">
                                                    <span id="rblpaypiaotype3">
                                                        <input id="rblpiaoType02_35" type="radio" name="rblpaypiaotype3" value="0" checked="checked" />
                                                        <label for="rblpiaoType02_35" title="房间默认状态">否</label>
                                                        <input id="rblpiaoType02_36" type="radio" name="rblpaypiaotype3" value="1" />
                                                        <label for="rblpiaoType02_36" title="销售部门出售完成后变为待承接">是</label>
                                                    </span>
                                                </div>
                                            </td>-->
                                        </tr>
                                        <!--<tr>
                                            <td class="client-link" width="10%;">合同交付日期*：</td>
                                            <td>
                                                <input class="laydate-icon form-control layer-date" placeholder="YYYY-MM-DD" value="2015-04-01" onclick="laydate({ istime: false, format: 'YYYY-MM-DD' })">
                                            </td>
                                            <td class="text-right client-link" width="15%;">收楼日期*：</td>
                                            <td>
                                                <input class="laydate-icon form-control layer-date" placeholder="YYYY-MM-DD" value="2015-04-01" onclick="laydate({ istime: false, format: 'YYYY-MM-DD' })">
                                            </td>
                                        </tr>-->
                                        <tr>
                                            <td class="client-link">房屋状态*：</td>
                                            <td>
                                                <div class="rule-multi-radio">
                                                    <span id="rblpaypiaotype2">
                                                        <input id="rblpiaoType02_5" type="radio" name="rblpaypiaotype2" value="0" checked="checked" />
                                                        <label for="rblpiaoType02_5" title="房间默认状态">待出售</label>
                                                        <input id="rblpiaoType02_6" type="radio" name="rblpaypiaotype2" value="1" />
                                                        <label for="rblpiaoType02_6" title="销售部门出售完成后变为待承接">待承接</label>
                                                        <input id="rblpiaoType02_7" type="radio" name="rblpaypiaotype2" value="2" />
                                                        <label for="rblpiaoType02_7">待收楼</label>
                                                        <input id="rblpiaoType02_8" type="radio" name="rblpaypiaotype2" value="3" />
                                                        <label for="rblpiaoType02_8">已收楼</label>
                                                        <input id="rblpiaoType02_9" type="radio" name="rblpaypiaotype2" value="3" />
                                                        <label for="rblpiaoType02_9">已入住</label>
                                                    </span>
                                                </div>

                                            </td>
                                            <td class="text-right client-link">是否车位*：</td>
                                            <td>
                                                <div class="rule-multi-radio">
                                                    <span id="rblpaypiaotype3">
                                                        <input id="rblpiaoType02_135" type="radio" name="rblpaypiaotype13" value="0" checked="checked" />
                                                        <label for="rblpiaoType02_135" title="房间默认状态">否</label>
                                                        <input id="rblpiaoType02_136" type="radio" name="rblpaypiaotype13" value="1" />
                                                        <label for="rblpiaoType02_136" title="销售部门出售完成后变为待承接">是</label>
                                                    </span>
                                                </div>
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td class="client-link" width="10%;">房屋业态*：</td>
                                            <td>
                                                <div class="rule-multi-radio">
                                                    <span id="rblpaypiaotype">
                                                        <input id="rblpiaoType02_0" type="radio" name="rblpaypiaotype" value="0" checked="checked" />
                                                        <label for="rblpiaoType02_0">住宅</label>
                                                        <input id="rblpiaoType02_1" type="radio" name="rblpaypiaotype" value="1" />
                                                        <label for="rblpiaoType02_1">独栋商铺</label>
                                                        <input id="rblpiaoType02_2" type="radio" name="rblpaypiaotype" value="2" />
                                                        <label for="rblpiaoType02_2">写字楼</label>
                                                        <input id="rblpiaoType02_3" type="radio" name="rblpaypiaotype" value="3" />
                                                        <label for="rblpiaoType02_3">公寓</label>
                                                        <input id="rblpiaoType02_4" type="radio" name="rblpaypiaotype" value="3" />
                                                        <label for="rblpiaoType02_4">别墅</label>
                                                    </span>
                                                </div>
                                            </td>
                                            <td class="client-link text-right" width="10%;">是否底商*：</td>
                                            <td>
                                                <div class="rule-multi-radio">
                                                    <span id="rblpaypiaotype">
                                                        <input id="rblpiaoType02_30" type="radio" name="rblpaypiaotype33" value="0" checked="checked" />
                                                        <label for="rblpiaoType02_30">否</label>
                                                        <input id="rblpiaoType02_31" type="radio" name="rblpaypiaotype33" value="1" />
                                                        <label for="rblpiaoType02_31">是</label>
                                                    </span>
                                                </div>
                                            </td>

                                        </tr>

                                        <tr>
                                            <td class="client-link">面积费用*：</td>
                                            <td colspan="3">
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th style="text-align:center" title="合同交付给业主的日期">合同交付日期*</th>
                                                            <th style="text-align:center" title="业主实际收楼的日期">收楼日期*</th>
                                                            <th style="text-align:center" title="开始收取物业费的日期">起费日期*</th>
                                                            <th style="text-align:center">建筑面积</th>
                                                            <th style="text-align:center">使用面积</th>
                                                            <th style="text-align:center">管理费单价</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td align="center">
                                                                <input class="laydate-icon form-control layer-date" placeholder="YYYY-MM-DD" value="2015-04-01" onclick="laydate({ istime: false, format: 'YYYY-MM-DD' })">
                                                            </td>
                                                            <td align="center">
                                                                <input class="laydate-icon form-control layer-date" placeholder="YYYY-MM-DD" value="2015-04-01" onclick="laydate({ istime: false, format: 'YYYY-MM-DD' })">
                                                            </td>
                                                            <td align="center">
                                                                <input class="laydate-icon form-control layer-date" placeholder="YYYY-MM-DD" value="2015-04-01" onclick="laydate({ istime: false, format: 'YYYY-MM-DD' })">
                                                            </td>
                                                            <td align="center">
                                                                <div class="input-group m-b">
                                                                    <input type="text" placeholder="允许两位小数" class="form-control"> <span class="input-group-addon">㎡</span>
                                                                </div>
                                                            </td>
                                                            <td align="center">
                                                                <div class="input-group m-b">
                                                                    <input type="text" placeholder="允许两位小数" class="form-control"> <span class="input-group-addon">㎡</span>
                                                                </div>
                                                            </td>
                                                            <td align="center">
                                                                <div class="input-group m-b">
                                                                    <input type="text" placeholder="允许两位小数" class="form-control"> <span class="input-group-addon">元/㎡</span>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="client-link">住户信息：</td>
                                            <td colspan="3">
                                                <table class="table table-bordered">
                                                    <thead>
                                                        <tr>
                                                            <th>住户类型*</th>
                                                            <th>姓名*</th>
                                                            <th>电话*</th>
                                                            <th>性别</th>
                                                            <th>证件类型</th>
                                                            <th>证件号码</th>
                                                            <th>操作</th>
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                        <tr>
                                                            <td>
                                                                <select class="select-inline">
                                                                    <option value="">业主</option>
                                                                    <option value="1">租户</option>
                                                                    <option value="2">子女</option>
                                                                    <option value="3">父母</option>
                                                                    <option value="3">其他</option>
                                                                </select>
                                                            </td>

                                                            <td><input type="text" class="form-control input-sm input-group" style="width:80px;" placeholder="必填" value=""></td>
                                                            <td><input type="text" class="form-control input-sm input-group" style="width:160px;" placeholder="必填" value=""></td>
                                                            <td>
                                                                <select class="select-inline">
                                                                    <option value="">男</option>
                                                                    <option value="1">女</option>
                                                                </select>
                                                            </td>
                                                            <td>
                                                                <select class="select-inline">
                                                                    <option value="">身份证</option>
                                                                    <option value="1">军人在</option>
                                                                    <option value="2">护照</option>
                                                                    <option value="3">户口本</option>
                                                                    <option value="3">港澳通行证</option>
                                                                    <option value="4">其他</option>
                                                                </select>
                                                            </td>
                                                            <td><input type="text" class="form-control input-sm input-group" placeholder="" value=""></td>
                                                            <td>
                                                                <div class="btn-group">
                                                                    <a href="javascript:;" class="text-danger demo4 btn-del">删除</a>
                                                                </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="9"><button href="javascript:;" class="btn btn-danger btn-sm" onclick="addRow(this);"><i class="fa fa-plus"></i>&nbsp;追加</button></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>

                                        </tr>
                                        <tr>
                                            <td class="client-link">备注信息*：</td>
                                            <td colspan="3">
                                                <input type="text" class="form-control input-sm input-group" placeholder="" value="">
                                            </td>
                                        </tr>
                                        
                                        <tr>
                                            <td class="client-link"></td>
                                            <td colspan="3">
                                                <button type="button" class="btn btn-danger btn-sm" onclick="tabActive1();"><i class="fa fa-save"></i>&nbsp;保存</button>
                                                <button type="button" class="btn btn-success btn-sm" onclick="tabActive1();"><i class="fa fa-arrow-up"></i>&nbsp;返回</button>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modal-detail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog" style="width:1100px;">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">修改项目基本信息</h5>
                </div>
                <div class="modal-body">
                    <div class="tabs-container">
                        <div class="panel-options">
                            <ul class="nav nav-tabs">
                                <li class="active">
                                    <a data-toggle="tab" href="#tab-8"><i class="fa fa-home"></i>房屋信息</a>
                                </li>
                                <li class="">
                                    <a data-toggle="tab" href="#tab-9"><i class="fa fa-user"></i>业主信息</a>
                                </li>
                                <li class="">
                                    <a data-toggle="tab" href="#tab-10"><i class="fa fa-users"></i>住户信息</a>
                                </li>
                                <li class="">
                                    <a data-toggle="tab" href="#tab-11"><i class="fa fa-car"></i>车辆信息</a>
                                </li>
                                <li class="">
                                    <a data-toggle="tab" href="#tab-12"><i class="fa fa-wrench"></i>维修记录</a>
                                </li>
                                <li class="">
                                    <a data-toggle="tab" href="#tab-13"><i class="fa fa-puzzle-piece"></i>装修记录</a>
                                </li>
                                <li class="">
                                    <a data-toggle="tab" href="#tab-14"><i class="fa fa-dollar"></i>买卖记录</a>
                                </li>
                                <li class="">
                                    <a data-toggle="tab" href="#tab-15"><i class="fa fa-ioxhost"></i>合同记录</a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div id="tab-8" class="tab-pane ">
                                    <div class="panel-body">
                                        <div class="ibox float-e-margins">
                                            <p class="pull-right">
                                                <a data-toggle="modal" href="building_house_detail.html#modal-tab08" class="btn btn-warning btn-sm"><i class="fa fa-pencil"></i>&nbsp;修改房屋信息 </a>
                                            </p>
                                            <table class="table table-bordered table-striped">
                                                <tbody>
                                                    <tr>
                                                        <th>房屋编号</th>
                                                        <td>BJ012-024-1单元401</td>
                                                        <th>楼盘名称</th>
                                                        <td>富力公馆</td>
                                                        <th>楼栋名称</th>
                                                        <td>E01栋</td>
                                                    </tr>
                                                    <tr>
                                                        <th>楼层</th>
                                                        <td>4楼</td>
                                                        <th>建筑面积</th>
                                                        <td>0.00㎡</td>
                                                        <th>使用面积</th>
                                                        <td>0.00㎡</td>
                                                    </tr>
                                                    <tr>
                                                        <th>朝向</th>
                                                        <td>不限</td>
                                                        <th>户型：</th>
                                                        <td>0室0厅0卫0厨0阳台</td>
                                                        <th>售楼时间</th>
                                                        <td></td>
                                                    </tr>
                                                    <tr>
                                                        <th>房屋状态</th>
                                                        <td>已售</td>
                                                        <th>房屋用途</th>
                                                        <td>住宅</td>
                                                        <th>产权性质</th>
                                                        <td>个人</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div id="tab-9" class="tab-pane">
                                    <div class="panel-body float-e-margins">
                                        <p class="pull-right">
                                            <a data-toggle="modal" href="building_house_detail.html#modal-tab09" class="btn btn-warning btn-sm"><i class="fa fa-pencil"></i>&nbsp;修改业主信息 </a>
                                        </p>
                                        <table class="table table-bordered table-striped">
                                            <tbody>
                                                <tr>
                                                    <th>业主姓名</th>
                                                    <td>周玲玲</td>
                                                    <th>性别</th>
                                                    <td>女</td>
                                                    <th>手机号码</th>
                                                    <td>159-43627-8654</td>
                                                </tr>
                                                <tr>
                                                    <th>证件类型</th>
                                                    <td>驾驶证</td>
                                                    <th>证件号码</th>
                                                    <td>564895465487923</td>
                                                    <th>证件地址</th>
                                                    <td>河北香河香河京哈高速（G1）香河出口沿大香线向北一公里</td>
                                                </tr>
                                                <tr>
                                                    <th>固定电话</th>
                                                    <td></td>
                                                    <th>工作单位</th>
                                                    <td></td>
                                                    <th>工作地址</th>
                                                    <td></td>
                                                </tr>
                                                <tr>
                                                    <td>紧急联系人</td>
                                                    <td>钢铁侠</td>
                                                    <td>紧急联系人电话</td>
                                                    <td>159462354564</td>
                                                    <td>备用电话</td>
                                                    <td>159462354564</td>
                                                </tr>
                                                <tr>
                                                    <th>房产证编号</th>
                                                    <td></td>
                                                    <th>备注</th>
                                                    <td colspan="3"></td>
                                                </tr>

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div id="tab-10" class="tab-pane">
                                    <div class="panel-body float-e-margins">
                                        <p class="pull-right">
                                            <a data-toggle="modal" href="building_house_detail.html#modal-tab10" class="btn btn-warning btn-sm"><i class="fa fa-plus"></i>&nbsp;新增住户信息 </a>
                                        </p>
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>姓名</th>
                                                    <th>性别</th>
                                                    <th>联系电话</th>
                                                    <th>身份证件</th>
                                                    <th>工作单位</th>
                                                    <th>操作</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>州立宁</td>
                                                    <td>女</td>
                                                    <td>15467891239</td>
                                                    <td>231468874545565</td>
                                                    <td>北京恒富物业有限公司</td>
                                                    <td>
                                                        <div class="btn-group">
                                                            <a data-toggle="modal" href="building_house_detail.html#modal-tab10-edit" class="text-warning">修改</a>&nbsp;&nbsp;
                                                            <a href="javascript:;" class="text-danger demo4">删除</a>
                                                        </div>

                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div id="tab-11" class="tab-pane">
                                    <div class="panel-body float-e-margins">
                                        <p class="pull-right">
                                            <a data-toggle="modal" href="building_house_detail.html#modal-tab11" class="btn btn-warning btn-sm"><i class="fa fa-plus"></i>&nbsp;新增车辆信息 </a>
                                        </p>
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>车牌号码</th>
                                                    <th>车主姓名</th>
                                                    <th>车辆型号</th>
                                                    <th>车辆颜色</th>
                                                    <th>车位编号</th>
                                                    <th>备注</th>
                                                    <th>操作</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>hf12345</td>
                                                    <td>陈道明</td>
                                                    <td>15467891239</td>
                                                    <td>黑色</td>
                                                    <td>0012</td>
                                                    <td></td>
                                                    <td>
                                                        <div class="btn-group">
                                                            <a data-toggle="modal" href="building_house_detail.html#modal-tab11-edit" class="text-warning">修改</a>&nbsp;&nbsp;
                                                            <a href="javascript:;" class="text-danger demo4">删除</a>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div id="tab-12" class="tab-pane active">
                                    <div class="panel-body float-e-margins">
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>工单编号</th>
                                                    <th>维修设备</th>
                                                    <th>报修时间</th>
                                                    <th>问题描述</th>
                                                    <th>维修时间起止</th>
                                                    <th>进度</th>
                                                    <th>维修费用</th>
                                                    <th>维修人</th>
                                                    <th>维修类型</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>123</td>
                                                    <td>123</td>
                                                    <td>2016-12-08</td>
                                                    <td>家里下水道漏水</td>
                                                    <td>2016-12-08~2016-12-08</td>
                                                    <td>未开始</td>
                                                    <td>12元</td>
                                                    <td>张晓恩</td>
                                                    <td>开发商保修</td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div id="tab-13" class="tab-pane">
                                    <div class="panel-body float-e-margins">
                                        <p class="pull-right">
                                            <a data-toggle="modal" href="building_house_detail.html#modal-tab13" class="btn btn-warning btn-sm"><i class="fa fa-plus"></i>&nbsp;新增装修记录 </a>
                                        </p>
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>编号</th>
                                                    <th>装修时间起止</th>
                                                    <th>装修进度</th>
                                                    <th>维修押金</th>
                                                    <th>装修公司</th>
                                                    <th>装修图纸</th>
                                                    <th>备注</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>123</td>
                                                    <td>2016-12-08~2016-12-08</td>
                                                    <td>未开始</td>
                                                    <td>123</td>
                                                    <td>2016-12-08</td>
                                                    <td>实创集团</td>
                                                    <td></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div id="tab-14" class="tab-pane">
                                    <div class="panel-body float-e-margins">
                                        <p class="pull-right">
                                            <a data-toggle="modal" href="building_house_detail.html#modal-tab14" class="btn btn-warning btn-sm"><i class="fa fa-plus"></i>&nbsp;新增买卖记录 </a>
                                        </p>
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>编号</th>
                                                    <th>交易时间</th>
                                                    <th>售价（万元）</th>
                                                    <th>买家</th>
                                                    <th>卖家</th>
                                                    <th>买卖合同</th>
                                                    <th>备注</th>
                                                    <th>操作</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>123</td>
                                                    <td>2016-12-08</td>
                                                    <td>459</td>
                                                    <td>张三</td>
                                                    <td>李四</td>
                                                    <td></td>
                                                    <td></td>
                                                    <td>
                                                        <div class="btn-group">
                                                            <a data-toggle="modal" href="building_house_detail.html#modal-tab14-edit" class="text-warning">修改</a>&nbsp;&nbsp;
                                                            <a href="javascript:;" class="text-danger demo4">删除</a>
                                                        </div>

                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div id="tab-15" class="tab-pane">
                                    <div class="panel-body float-e-margins">
                                        <p class="pull-right">
                                            <a data-toggle="modal" href="building_house_detail.html#modal-tab15" class="btn btn-warning btn-sm"><i class="fa fa-plus"></i>&nbsp;新增合同记录 </a>
                                        </p>
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>合同编号</th>
                                                    <th>公司名称</th>
                                                    <th>开始日期</th>
                                                    <th>结束日期</th>
                                                    <th>租金(元/月)</th>
                                                    <th>面积(㎡)</th>
                                                    <th>联系人</th>
                                                    <th>电话</th>
                                                    <th>备注</th>
                                                    <th>操作</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>B201612001</td>
                                                    <td>BAT联合科技有限公司</td>
                                                    <td>2016-12-08</td>
                                                    <td>2017-12-07</td>
                                                    <td>10000</td>
                                                    <td>100</td>
                                                    <td>李四</td>
                                                    <td>15943261548</td>
                                                    <td></td>
                                                    <td>
                                                        <div class="btn-group">
                                                            <a data-toggle="modal" href="building_house_detail.html#modal-tab15-edit" class="text-warning">修改</a>&nbsp;&nbsp;
                                                            <a href="javascript:;" class="text-danger demo4">删除</a>
                                                        </div>

                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary demo2">保存</button>
                </div>
            </div>
        </div>
    </div>

    <!--导入项目信息-->
    <div class="modal fade" id="modal-import" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">导入项目</h5>
                </div>
                <div class="modal-body">
                    <table class="table table-hover table-border0 form-group-sm">
                        <tbody>
                            <tr>
                                <td class="text-right">第1步,下载模板:</td>
                                <td colspan="3" width="80%">
                                    <a href="attachment/地区公司项目资源导入模板.xlsx" class="btn btn-primary btn-sm"><i class="fa fa-pencil"></i>&nbsp;下载模板 </a>
                                    提示：下载完成后根据模板要求进行数据填写
                                </td>

                            </tr>
                            <tr>
                                <td class="text-right">第2步,选择文件:</td>
                                <td colspan="3">
                                    您当前选择的文件为：地区公司楼栋信息导入模板.xlsx
                                    <div class="filt_box">
                                        <button class="btn btn-success btn-sm"><i class="fa fa-arrow-up"></i>&nbsp;选择文件</button>
                                        <input type="file" class="upload-pic" name="picture" id="picture">
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">第3步,开始导入:</td>
                                <td colspan="3">
                                    <a href="#" class="btn btn-primary btn-sm"><i class="fa fa-pencil"></i>&nbsp;开始导入 </a>
                                </td>
                            </tr>
                            <tr>
                                <td class="text-right">第4步,查看结果:</td>
                                <td colspan="3">
                                    总行数：19 导入成功：10 失败：9 <br />
                                    失败数据及原因请下载文件：<a href="attachment/地区公司项目资源导入模板.xlsx">导入失败数据及原因.xlsx </a>

                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary demo2">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!--/导入项目信息-->

    <div id="modal-goodtypetree" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h5 class="modal-title">选择搜索范围</h5>
                </div>
                <div class="modal-body">
                    <div id="jstree3" style="margin: 10px 0 0 -10px;">
                        <ul>
                            <li class="jstree-open">
                                富力物业服务集团
                                <ul>
                                    <li class="jstree-open" data-jstree='{"type":"icon"}'>
                                        华北区域
                                        <ul>
                                            <li class="jstree-open" data-jstree='{"type":"icon"}'>
                                                北京
                                                <ul>
                                                    <li class="jstree-open" data-jstree='{"type":"son"}'>
                                                        富力家园服务中心
                                                        <ul>
                                                            <li class="jstree-open" data-jstree='{"type":"son"}'>
                                                                富力家园
                                                                <ul>
                                                                    <li class="jstree-open" data-jstree='{"type":"son"}'>
                                                                        1号楼
                                                                        <ul>
                                                                            <li data-jstree='{"type":"son"}'>负1层</li>
                                                                            <li data-jstree='{"type":"son"}'>负2层</li>
                                                                            <li data-jstree='{"type":"son"}'>负3层</li>
                                                                            <li data-jstree='{"type":"son","state":{"checked":true,"selected":true}}'>1层</li>
                                                                            <li data-jstree='{"type":"son"}'>2层</li>
                                                                            <li data-jstree='{"type":"son"}'>3层
                                                                                <ul>
                                                                                    <li data-jstree='{"type":"son"}'>3001</li>
                                                                                    <li data-jstree='{"type":"son"}'>3002</li>
                                                                                    <li data-jstree='{"type":"son"}'>3003</li>
                                                                                    <li data-jstree='{"type":"son"}'>3004</li>
                                                                                </ul>
                                                                            </li>
                                                                        </ul>
                                                                        
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                        </ul>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li data-jstree='{"type":"icon"}'>
                                                天津
                                                <ul>
                                                    <li class="jstree-open" data-jstree='{"type":"son"}'>
                                                        合力园服务中心
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        华南区域
                                        <ul>
                                            <li>
                                                广州-住宅
                                                <ul>
                                                    <li class="jstree-open" data-jstree='{"type":"son"}'>
                                                        东堤湾&天兴大厦服务中心
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>


                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary demo2" data-dismiss="modal">确定</button>
                    <!--<button type="button" class="btn btn-primary demo2">确定</button>-->
                </div>
            </div>
        </div>
    </div>

    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <!-- jsTree plugin javascript -->
    <script src="js/plugins/jsTree/jstree.min.js"></script>

    <style>
        .jstree-open > .jstree-anchor > .fa-folder:before {
            content: "\f07c";
        }

        .jstree-default .jstree-icon.none {
            width: 0;
        }
    </style>
    <!--控制页面树元素-->
    <script>
	$(document).ready(function () {
		function demo_rename() {
			var ref = $('#jstree2').jstree(true),
				sel = ref.get_selected();
			if (!sel.length) { return false; }
			sel = sel[0];
			ref.edit(sel);
		};
		$('#jstree2').jstree('select_node', $("#keyKamokuCd").val(), true);
		$('#jstree2').jstree({
			'core': {
				'check_callback': true,
				'data' : {
					'url' : '/js/demo/tree1.json',
					'data' : function (node) {
						return { 'id' : node.id };
					},
					'dataFilter': function (data) {
						var arr = JSON.parse(data);
						var newarr = [];
						for (var i = 0; i < arr.length; i++) {
							if (arr[i].icon) {
								var icon = arr[i].icon;
								for (var j = 1; j < 4; j++) {
									var uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
										var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8);
										return v.toString(16);
									})
									newarr.push({id:uuid, text:'测试楼栋' + j, parent:arr[i].id, icon:icon});
								}
								delete arr[i].icon;
							}
						}
						return JSON.stringify(arr.concat(newarr));
					}
				}
			},
			'plugins': ['types', 'dnd'],
			'types': {
				'default': {
					'icon': 'fa fa-folder'
				},
				'html': {
					'icon': 'fa fa-file-code-o'
				},
				'svg': {
					'icon': 'fa fa-file-picture-o'
				},
				'css': {
					'icon': 'fa fa-file-code-o'
				},
				'img': {
					'icon': 'fa fa-file-image-o'
				},
				'son': {
					'icon': 'fa fa-file-text-o'
				}

			}
		});
	});


    </script>

    <script>
        $(document).ready(function () {
            function demo_rename() {
                var ref = $('#jstree3').jstree(true),
                    sel = ref.get_selected();
                if (!sel.length) { return false; }
                sel = sel[0];
                ref.edit(sel);
            };
            $('#jstree3').jstree({
                'core': {
                    'check_callback': true
                },
                'plugins': ['types', 'dnd'],
                'types': {
                    'default': {
                        'icon': 'fa fa-folder'
                    },
                    'html': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'svg': {
                        'icon': 'fa fa-file-picture-o'
                    },
                    'css': {
                        'icon': 'fa fa-file-code-o'
                    },
                    'img': {
                        'icon': 'fa fa-file-image-o'
                    },
                    'son': {
                        'icon': 'fa fa-file-text-o'
                    }

                }
            });
        });


    </script>
    <!-- 自定义js -->
    <script src="js/content.js?v=1.0.0"></script>
    <script src="js/common.js"></script>
    <script type="text/javascript">
	// 使页面中所有.modal元素在窗口可视范围之内居中

	function centerModals() {
		$('.modal').each(function (i) {
			var $clone = $(this).clone().css('display', 'block').appendTo('body');
			var top = Math.round(($clone.height() - $clone.find('.modal-content').height()) / 2);
			top = top > 50 ? top : 0;
			$clone.remove();
			$(this).find('.modal-content').css("margin-top", top - 50);
		});
	}
	// 在模态框出现的时候调用垂直居中函数

	$('.modal').on('show.bs.modal', centerModals);
	// 在窗口大小改变的时候调用垂直居中函数

	$(window).on('resize', centerModals);

	//--动画效果--
	$(document).ready(function () {
		$('.contact-box').each(function () {
			animationHover(this, 'pulse');
		});
		$('#tab-1 .btn-edit').click(function () {
			$('a[href="#tab-2"]').tab('show');
		})

		$(document).delegate('.btn-del', 'click', function () {
		    var count = $(this).closest('table tbody').find('tr').size();
		    if (count > 2) {
		        var curTr = $(this).closest('tr');
		        curTr.remove();
		    } else {
		        //alert('至少保留一行！');
		        swal({
		            title: "至少保留一行！",
		            type: "warning"
		        });
		    }
		})

		$("input[name=btSelectAll]").change(function () {
		    if ($(this).is(':checked')) {
		        $("input[name='btSelectItem']:checkbox").prop("checked", true);
		    } else {   //反之 取消全选
		        $("input[name='btSelectItem']:checkbox").prop("checked", false);
		    }
		})
	});

	function tabActive() {
	    $('#myTab a[href="#tab-2"]').tab('show');
	}
	function tabActive1() {
	    $('#myTab a[href="#tab-1"]').tab('show');
	}

	function addRow(btn) {
	    //追加
	    var curTr = $(btn).closest('tr');
	    var tr = curTr.prev().clone();
	    curTr.before(tr);
	}

	function addRow(btn) {
	    //追加
	    var curTr = $(btn).closest('tr');
	    var tr = curTr.prev().clone();
	    curTr.before(tr);
	}
    </script>

    <!-- Data picker -->
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>
    <!-- layerDate plugin javascript -->
    <script src="js/plugins/layer/laydate/laydate.js"></script>
    <script>
        var start = {
            elem: "#start",
            format: "YYYY/MM/DD hh:mm:ss",
            min: laydate.now(),
            max: "2099-06-16 12:20:20",
            istime: true,
            istoday: true,
            choose: function (a) {
                end.min = a;
                end.start = a
            }
        };
        var end = {
            elem: "#end",
            format: "YYYY/MM/DD hh:mm:ss",
            min: laydate.now(),
            max: "2099-06-16 13:20:20",
            istime: true,
            istoday: true,
            choose: function (a) {
                start.max = a
            }
        };
        laydate(start);
        laydate(end);
    </script>
    <!-- Sweet alert -->
    <script src="js/plugins/sweetalert/sweetalert.min.js"></script>
    <script>
        //-- 小弹框--
        $('.demo2').click(function () {

            //swal({
            //    title: "保存成功！",
            //    type: "success"
            //});
        });
    </script>
</body>

</html>
